/*
 * the layout in CeMberuS
 * http://www.gironimo.org/
 */
#header {
    padding: 20px 0 14px;
}

#header #menu {
    background-image: url(../images/bg-navigation.png);
    background-repeat: no-repeat;
    height: 61px;
}

#header #search {
    background-image: url(../images/bg-search.png);
    background-repeat: no-repeat;
    float: right;
    height: 28px;
    margin: 10px 15px 0 0;
    width: 147px;
}

#content-header {
    background-image: url(../images/bg-content-header.png);
    background-repeat: no-repeat;
    height: 16px;
}

#content {
    background-image: url(../images/bg-content.png);
    background-repeat: repeat-y;
}

#content-footer {
    background-image: url(../images/bg-content-footer.png);
    background-repeat: no-repeat;
    height: 70px;
}

#content-area {
    padding: 0 1px;
    width: 960px;
}

#breadcrumbs {
    border-bottom: 1px solid #EBEBEB;
    font-family: Georgia, serif;
    font-size: 0.9em;
    font-style: italic;
    padding: 0 45px 10px;
    text-transform: uppercase;
}

.entry {
    padding: 0 45px 1.2em;
}

/* index page */
#featured {
    background-color: transparent;
    background-image: url(../images/bg-featured.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 380px;
    margin: 0 0 -5px -2px;
    padding: 5px 0 0 11px;
    position: relative;
}

#featured #slides {
    background: none repeat scroll 0 0 transparent;
    height: 345px;
    position: relative;
    width: 943px;
}

#featured a#left-arrow,
#featured a#right-arrow {
    display: block;
    height: 35px;
    opacity: 0.5;
    position: absolute;
    text-indent: -10000px;
    top: 158px;
    width: 23px;
    border-bottom: 0 none;
}

#featured a#left-arrow {
    background-image: url(../images/left_arrow.png);
    left: -27px;
}

#featured a#right-arrow {
    background-image: url(../images/right_arrow.png);
    right: -27px;
}

#featured a#left-arrow:hover,
#featured a#right-arrow:hover {
    opacity: 1;
}

#featured #slides .slide .overlay {
    background-image: url(../images/slider-overlay.png);
    background-repeat: no-repeat;
    height: 345px;
    left: 0;
    position: absolute;
    top: 0;
    width: 943px;
}

#featured #slides .slide .description {
    background-image: url(../images/bg-description.png);
    background-repeat: no-repeat;
    bottom: 5px;
    height: 207px;
    left: 0;
    position: absolute;
    width: 452px;
    padding: 20px 30px 5px 30px;
}

